home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle121203.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2003-12-12  |  14.7 KB  |  613 lines
  1.  
  2. /* body description */
  3. BODY 
  4.     {    margin-top: 0;
  5.         margin-bottom: 0;
  6.         margin-left: 0;
  7.         margin-right: 0;
  8.         background-color: #ffffff;
  9.     }
  10.  
  11. /* link classes */
  12. A:link            { COLOR: #0000FF; TEXT-DECORATION: none; }
  13. A:link:hover    { COLOR: #FF6600; TEXT-DECORATION: underline; }
  14. A:active        { COLOR: #FF6600; TEXT-DECORATION: underline; }
  15.  
  16. /* apple.com site does not explicitly define visited link properties, but we do here */ 
  17. A:visited        { COLOR: #0000AA; TEXT-DECORATION: none; }
  18. A:visited:hover    { COLOR: #FF6600; TEXT-DECORATION: underline; } 
  19.  
  20.  
  21. /* link pseudo-classes */
  22. A.resources:link            { COLOR: #0000FF; TEXT-DECORATION: none; }
  23. A.resources:link:hover        { COLOR: #ff6600; TEXT-DECORATION: underline; }
  24. A.resources:visited            { COLOR: #0000FF; TEXT-DECORATION: none; }
  25. A.resources:visited:hover    { COLOR: #ff6600; TEXT-DECORATION: underline; }
  26. A.resources:active            { COLOR: #ff6600; TEXT-DECORATION: underline; }
  27.  
  28.  
  29. /* redefine table cell */
  30. td, TD {
  31.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  32. }
  33.  
  34. /* redefine ordered list */
  35. ol, OL {
  36.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  37. }
  38.  
  39. /* redefine unordered list */
  40. ul, UL {
  41.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  42. }
  43.  
  44. /* redefine list item */
  45. li, LI {
  46.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  47. }
  48.  
  49. /* redefine preformated text and code blocks */
  50. PRE {
  51.     FONT-SIZE: 10px; FONT-FAMILY: monaco, courier, monospace;
  52. }
  53. CODE {
  54.     FONT-SIZE: 10px; FONT-FAMILY: monaco, courier, monospace;
  55. }
  56.  
  57.  
  58.  
  59.  
  60.  
  61. /* Home Page */
  62. #articlehead {
  63.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  64. }
  65. #linklisthead {
  66.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  67. }
  68.  
  69. #sectionhead {
  70.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  71. }
  72. #sectionsubhead {
  73.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  74. }
  75. #sectionheadorange {
  76.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #DB3700; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  77. }
  78. #resources {
  79.     margin-bottom: 3px; FONT-WEIGHT: normal; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  80. }
  81. .membership_bullets {
  82.     color: #ffffff; FONT-WEIGHT: normal; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  83. }
  84.  
  85.  
  86. /* glossary page styles */
  87. #glossary_header { 
  88.     font-size: 12px; font-weight: bold; 
  89. }
  90. #glossary_header_letter { 
  91.     font-size: 14px; font-weight: bold; 
  92. }
  93.  
  94.  
  95. /* form class, removes whitespace browsers use by default with forms */
  96. #form {
  97.     margin-bottom:0;margin-right:0;margin-left:0;margin-top:0;
  98. }
  99.  
  100.  
  101. /* paragraph describing page located just below the black text page title */
  102. #paragraph_description {
  103.     font-size: 12px;
  104. }
  105.  
  106.  
  107. /* rate this page feedback form styles */
  108. #feedback_• {
  109.     font-family: lucida grande, arial; font-size: 10px; color: #FFFFFF; text-align: center;
  110. }
  111. #feedback_text {
  112.     font-family: lucida grande, arial; font-size: 10px; color: #000000;
  113. }
  114. #radio_help {
  115.     text-align: center; padding-top: 4px;
  116. }
  117. #radio_easy {
  118.     text-align: center; padding-bottom: 4px;
  119. }
  120.  
  121.  
  122. /* search results box styles */
  123. #results_cell_first { 
  124.     border-top: 1px #A2A6A9 solid; border-left: 1px #A2A6A9 solid; 
  125. }
  126. #results_cell_title {
  127.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-right: 6px; font-size: 12px; font-weight: bold; vertical-align: top;
  128. }
  129. #results_cell_other {
  130.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-left: 6px; padding-right: 6px; vertical-align: top;
  131. }
  132. #results_cell_date {
  133.     padding-top: 10px; padding-bottom: 10px; border-top: 1px #A2A6A9 solid; padding-left: 4px; vertical-align: top;
  134. }
  135. #results_cell_last {
  136.     border-top: 1px #A2A6A9 solid; border-right: 1px #A2A6A9 solid;
  137. }
  138. .results_description { 
  139.     font-size: 10px; font-weight: normal;
  140. }
  141.  
  142.  
  143.  
  144. /* apple script (or any other reference library page) styles */
  145. #header { 
  146.     font-size: 12px; font-weight: bold;
  147. }
  148. #link_header {
  149.     font-size: 10px; font-weight: bold;
  150. }
  151. #blue_header {
  152.     font-size: 12px; font-weight: bold; color: #000099;
  153. }
  154. #td_left_line {
  155.     border: 1px #555555 left;
  156. }
  157.  
  158.  
  159. /* co marketing styles */
  160. #icon_cell {
  161.     height: 93px; text-align: center;
  162. }
  163. #detail_header {
  164.     text-align: middle; background: #6D7F95; color: #FFFFFF; font-family: verdana;
  165.     font-weight: bold; font-size: 10px;
  166. }
  167. #vendor_bullet {
  168.     color: #696969;
  169. }
  170. #comarket_paragraph {
  171.     color: #696969; font-size: 12px;
  172. }
  173. #vendor_detail {
  174.     font-family: lucida grande, verdana; font-size: 12px;
  175. }
  176. #vendor_contact {
  177.     font-family: verdana; font-size: 10px;
  178. }
  179. #detail_heading {
  180.     font-weight: bold;
  181. }
  182. #detail_copy {
  183.     font-family: lucida grande, arial; font-size: 12px;
  184. }
  185. #discount_box_header {
  186.     color: #FFFFFF; font-weight: bold;
  187. }
  188. #discount_box_copy {
  189.     font-family: lucida grande, arial; font-size: 12px;
  190. }
  191. #photo_table_copy {
  192.     color: #7D7D7D; font-family: lucida grande, arial; font-size: 10px;
  193. }
  194.  
  195.  
  196.  
  197. /*narrative styles */
  198. #narrative_paragraph {
  199.     color: #696969; font-size: 14px;
  200. }
  201. #narrative_header {
  202.     font-family: lucida grande, arial; font-size: 13px; font-weight: bold;
  203. }
  204. #narrative_content {
  205.     font-family: lucida grande, arial; font-size: 12px; vertical-align: top;
  206. }
  207. #pic_box_text {
  208.     color: #878787; line-height: 11px; font-family: lucida grande, arial; font-size: 11px; 
  209. }
  210. #red_copy {
  211.     color: #7F0F0B; padding-left: 15px;
  212. }
  213. #blue_copy {
  214.     color: #466C9B; padding-left: 15px;
  215. }
  216. #green_copy {
  217.     color: #3B636F; padding-left: 15px;
  218. }
  219. #purple_copy {
  220.     color: #665588; padding-left: 15px;
  221. }
  222. #gray_copy {
  223.     color: #787C7F; padding-left: 15px;
  224. }
  225. #pager {
  226.     color: #76797C;
  227. }
  228.  
  229.  
  230.  
  231. /* frameset: table of contents frame */
  232. #toc_contents_text {
  233.     font-family: lucida grande, geneva, verdana, arial, helvetica, sans-serif; font-size: 12px; color: #0000FF;
  234. }
  235. #toc_contents_text_open {
  236.     font-family: lucida grande, geneva, verdana, arial, helvetica, sans-serif; font-size: 12px; background: #FFFFFF; color: #0000FF;
  237. }
  238. #low_level_text {
  239.     font-family: lucida grande, geneva, verdana, arial, helvetica, sans-serif; font-size: 10px; color: #0000FF;
  240. }
  241. #low_level_text_on {
  242.     font-family: lucida grande, geneva, verdana, arial, helvetica, sans-serif; font-size: 10px; color: #0000FF;
  243. }
  244. #top_level_open {
  245.     background: #FFFFFF;
  246. }
  247. #third_level {
  248.     background: #FFFFFF;
  249. }
  250. #toc_contents_title {
  251.     font-family: lucida grande, geneva, verdana, arial, helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold;
  252. }
  253. #toc_contents_heading {
  254.     font-family: lucida grande, geneva, verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
  255. }
  256.  
  257.  
  258.  
  259.  
  260. /* frameset: content frame */
  261. #content_text {
  262.     font-family: lucida grande, geneva, verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: normal;
  263. }
  264.  
  265. /* frameset: page title */
  266. #page_title {
  267.     font-family: Myriad Apple, Myriad, Arial, Helvetica, Lucida Grande; font-size: 36px; font-weight: bold; color: #000000;
  268. }
  269.  
  270. /* frameset: Unordered List */
  271. UL .content {
  272.     FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  273. }
  274.  
  275.  
  276.  
  277. /* product line styles */
  278. #product_line_list {
  279.     font-size: 10px; 
  280. }
  281. #product_line_bullet {
  282.     font-size: 10px; vertical-align: top; color: #0000FF;
  283. }
  284.  
  285.  
  286.  
  287.  
  288. /* technical note classes */
  289. #important_note {
  290.     background: #E2E2E2; border: 1px solid #CCCCCC;
  291. }
  292. #page_contents {
  293.     font-size: 12px; line-height: 20px; color: #0000FF;
  294. }
  295.  
  296. #tech_content {
  297.     font-size: 12px;
  298. }
  299. #tech_header {
  300.     font-size: 14px; font-weight: bold;
  301. }
  302. #tech_subhead {
  303.     font-size: 12px; font-weight: bold;
  304. }
  305. #tech_list {
  306.     font-size: 12px; padding-bottom: 9px;
  307. }
  308. #source_code_box {
  309.     border: 1px solid #C7CFD5; background: #F1F5F9; 
  310. }
  311. #source_code {
  312.     font-family: monaco, courier, monospace; font-size: 10px; margin-bottom: 0px; padding: 12px;
  313. }
  314. #example_title {
  315.     font-size: 10px; margin-bottom: 5px; color: #28333B;
  316. }
  317. #example_table_header {
  318.     font-weight: bold; background: #C7CFD5; 
  319. }
  320. #example_table_cell {
  321.     border: 1px #C7CFD5 solid; background: #F1F5F9; vertical-align: top; font-size: 12px;
  322. }
  323. #download_cell_1 {
  324.     background: #F6F6F6; font-size: 11px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px;
  325.     border-left: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  326. }
  327. #download_cell_2 {
  328.     background: #F6F6F6; font-size: 10px; padding-top: 2px; padding-bottom: 2px; 
  329.     border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  330. }
  331. #download_cell_3 {
  332.     background: #F6F6F6; font-size: 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 2px;
  333.     border-right: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;
  334. }
  335. #download_content {
  336.     font-size: 12px; vertical-align: middle;
  337. }
  338. #download_link {
  339.     font-size: 10px; vertical-align: middle;
  340. }
  341. #back_to_top {
  342.     font-size: 10px; 
  343. }
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353. /* membership overview styles */
  354. #member_header {
  355.     text-align: left; font-family: verdana; font-weight: bold; font-size: 10px; color: #FFFFFF;     
  356. }
  357.  
  358. #member_category {
  359.     text-align: center; border-left: 1px #FFFFFF solid; font-family: verdana; font-weight: bold; font-size: 10px; color: #FFFFFF;
  360. }
  361.  
  362. #white_row {
  363.     background: #FFFFFF;
  364. }
  365. #blue_row {
  366.     background: #F0F5F9;
  367. }
  368. #spacer_row {
  369.     border-right: 1px solid #A2A6A9; border-left: 1px solid #A2A6A9;
  370. }
  371. #left_border {
  372.     border-left: 1px solid #A2A6A9;
  373. }
  374. #right_border {
  375.     border-right: 1px solid #A2A6A9; text-align: center; vertical-align: middle;
  376. }
  377. #gray_line {
  378.     border-right: 1px solid #A2A6A9; border-left: 1px solid #A2A6A9; background: #A2A6A9;
  379. }
  380. #dot_cell {
  381.     text-align: center; vertical-align: middle;
  382. }
  383. #fine_print {
  384.     vertical-align: top; font-size: 11px; color: #5F5F5F; font-family: lucida grande , arial;
  385. }
  386. #pricing {
  387.     font-size: 12px; font-family: lucida grande , arial;
  388. }
  389.  
  390.  
  391.  
  392.  
  393. /* sample code classes */
  394. #right_content {
  395.     text-align: right; font-size: 12px;
  396. }
  397. #sc_content {
  398.     font-size: 12px;
  399. }
  400.  
  401.  
  402. /* Mac OS X Architecture Diagram */
  403. #archtext {
  404.     font-family: "lucida grande", geneva, helvetica, arial, sans-serif;
  405.     font-size: 11px;
  406.     color: #333333;
  407.     text-decoration: none;
  408.     line-height: 15px;
  409. }
  410. #topborder {
  411.     border-top-width: 1px;
  412.     border-top-style: solid;
  413.     border-top-color: #999999;
  414. }
  415. #greylist {
  416.     line-height: 16px;
  417.     color: #333333;
  418.     margin-top: 12px;
  419. }
  420. #archtitle {
  421.     font-family: "lucida grande", geneva, helvetica, arial, sans-serif;
  422.     font-size: 12px;
  423.     color: #000000;
  424.     text-decoration: none;
  425.     font-weight: bold;
  426. }
  427. #description {
  428.     font-family: "lucida grande", geneva, helvetica, arial, sans-serif;
  429.     font-size: 11px;
  430.     color: #333333;
  431.     text-decoration: none;
  432.     line-height: 15px;
  433. }
  434. .archtitle {
  435.     font-family: "lucida grande", geneva, helvetica, arial, sans-serif;
  436.     font-size: 12px;
  437.     color: #000000;
  438.     text-decoration: none;
  439.     font-weight: bold;
  440. }
  441.  
  442.  
  443. /* 12-10-03 Added for forms */
  444. /* ---------------------------------------------- */
  445.  
  446. h2    {
  447.     margin: 0;
  448.     margin-bottom: 15px;
  449.     padding: 0px;
  450.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  451.     color: #000;
  452.     }
  453.  
  454. h4    {
  455.     margin: 0px;
  456.     padding: 0px;
  457.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  458.     color: #000;
  459.     }
  460.  
  461. p    {
  462.     margin-top: 0;
  463.     margin-bottom: 10px;
  464.     padding: 0;
  465.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  466.     color: #000;
  467.     }
  468.     
  469. .footnote {
  470.     font-size: 11px;
  471.     color: #76797C;
  472.     }
  473.         
  474. .bigboxtop {
  475.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  476.     }
  477.  
  478. .bigboxleft {
  479.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  480.     }
  481.  
  482. .bigboxright {
  483.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  484.     }
  485.  
  486. .bigboxbottom {
  487.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  488.     }
  489.     
  490. /* form definitions */
  491. #forms input {
  492.     vertical-align: middle;
  493.     padding: 0;
  494.     margin: 0 0 5px 0;
  495.     }
  496.  
  497. #forms select {
  498.     vertical-align: middle;
  499.     padding: 0;
  500.     margin: 0 0 3px 0;
  501.     }
  502.  
  503. #forms .widefield {
  504.     width: 100%;
  505.     margin-bottom: 5px;
  506.     }
  507.  
  508. #forms .halffield {
  509.     width: 50%;
  510.     margin-bottom: 5px;
  511.     }
  512.  
  513. #forms .extraspace {
  514.     padding-bottom: 8px;
  515.     }
  516.  
  517. #forms .quarterfield {
  518.     width: 25%;
  519.     margin-bottom: 5px;
  520.     }
  521.     
  522. #forms .inputbutton {
  523.     margin-top: 5px;
  524.     margin-bottom: 10px;
  525.     border: 0;
  526.     }
  527.     
  528. #forms .checkbox {
  529.     margin: 0 5px 0 0;
  530.     vertical-align: baseline;
  531.     }
  532.     
  533. #forms .radio {
  534.     margin: 0 5px 0 0;
  535.     vertical-align: baseline;
  536.     }
  537.     
  538. #forms textarea {
  539.     margin-bottom: 10px;
  540.     width: 100%;
  541.     }
  542.     
  543.  
  544.  
  545.  
  546.  
  547. /* Original Apple CSS items (unused at this time) */
  548. /* ---------------------------------------------- */
  549.  
  550. H1 {
  551.     FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  552. }
  553.  
  554. #text {
  555.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif; line-height: 16px;
  556. }
  557.  
  558.  
  559. #bodytext {
  560.     FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  561. }
  562. #bodytextlarge {
  563.     FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  564. }
  565. #bodytitle {
  566.     FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  567. }
  568. #bodytitlelarge2 {
  569.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  570. }
  571. #bodytitlelarge {
  572.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  573. }
  574. #bodytitleextralarge {
  575.     FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
  576. }
  577. #callout {
  578.     FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #737373; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  579. }
  580. #calloutsubitem {
  581.     FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  582. }
  583. #resourcetitle {
  584.     FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  585. }
  586. #resourcetext {
  587.     FONT-SIZE: 10px; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  588. }
  589. #resourcehead {
  590.     FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #808080; FONT-FAMILY: arial, helvetica, sans-serif
  591. }
  592. #mkt {
  593.     FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  594. }
  595. #mkt2 {
  596.     FONT-SIZE: 14px; FONT-FAMILY: arial, helvetica, sans-serif
  597. }
  598. #breadcrumb {
  599.     FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: arial, helvetica, sans-serif
  600. }
  601. #breadcrumblocation {
  602.     FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #cc6600; FONT-FAMILY: arial, helvetica, sans-serif
  603. }
  604. #menutitle {
  605.     FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-LEFT: 10px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  606. }
  607. #menutext {
  608.     FONT-SIZE: 10px; MARGIN-LEFT: 10px; LINE-HEIGHT: 14px; FONT-FAMILY: lucida grande, geneva, verdana, arial, helvetica, sans-serif;
  609. }
  610. #source {
  611.     FONT-SIZE: 9px; COLOR: #666666; FONT-STYLE: italic; FONT-FAMILY: helvetica, geneva, arial, sans-serif
  612. }
  613.